<!doctype html>
        <html lang="en">
          <head>
            <title>Title</title>
            <!-- Required meta tags -->
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        
            <!-- Bootstrap CSS -->
            <script src="echarts.min.js"></script>
          </head>
          <body>
              <div id ='first' style="height:400px;width: 1000px;"></div>
            <!-- Optional JavaScript -->
            <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script>
        var chart1 = echarts.init(document.getElementById('first'))
        var option1 = {
            tooltip:{
            trigger:'axis'
            },
            legend:{
                icon: "rect", 
                data:['吃饺子','吃面','吃饭'],
            },
            xAxis:{
                type:'value',
                max:24,
                min:-1,
                splitNumber : 24,
                splitLine:{
                    show:false
                }
            },
            yAxis:{
                max:300,
                // min:-1,
                type:'value',
            },
            dataset:{
              source:[
                  ['product','吃饺子','吃面','吃饭'],
                  ['0',180,140,90],
                  ['1',150,120,120],
                  ['2',120,150,110],
                  ['3',130,210,130],
                  ['4',130,180,120],
                  ['5',250,220,130],
                  ['6',220,230,120],
                  ['7',210,140,130],
                  ['8',130,110,230],
                  ['10',210,90,220],
                  ['11',90,80,250],
                  ['12',100,90,200],
                  ['13',210,100,160],
                  ['14',130,260,150],
                  ['15',110,250,130],
                  ['16',150,210,110],
                  ['17',160,110,120],
                  ['18',170,120,40],
                  ['19',160,140,70],
                  ['20',150,170,200],
                  ['21',110,160,210],
                  ['22',160,90,150],
                  ['23',170,110,90],
              ]
            },
            series:[
                {
                    name:'吃饺子',
                    type:'line',
                    encode:{
                        x:'product',
                        y:'吃饺子'
                    },
                    showSymbol: false,
                    smooth:0.4,
                    lineStyle:{
                      color:'cyan'
                    }
            },
            {
                    name:'吃面',
                    type:'line',
                    encode:{
                        x:'product',
                        y:'吃面'
                    },
                    showSymbol: false,
                    smooth:0.2,
                    lineStyle:{
                      color:'orange'
                    }
            },
            {
                    name:'吃饭',
                    type:'line',
                    encode:{
                        x:'product',
                        y:'吃饭'
                    },
                    showSymbol: false,
                    lineStyle:{
                      color:'red'
                    }
            }
            ]
        }
        chart1.setOption(option1)
        </script>  
        </body>
        </html>